<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

    <div class="navbar">
      <img src="images/smile.png" alt="" class="musicphoto">
      <div class="nav">
        <p class="musicnmae">不在犹豫</p>
        <audio src="music/不在犹豫.mp3" controls="controls" class="music">你的浏览器不支持audio形式</audio>
      </div>
      <div class="song">
        <button class="lovebutton"><img src="images/twitter1.png" alt="" class="love" ></button>
        <button class="afterbutton">上一首</button>
        <button class="nextbutton">下一首</button>
      </div>
    </div>


  <script src="index.js">
  </script>
  </body>

</html>
